<template>
  <div>
    <h2>子组件</h2>

    <div>接受父组件的消息：{{ props.msg }}</div>

    <div>
      <el-button type="primary" @click="sendMsg">给父组件传消息</el-button>
    </div>
  </div>
</template>
<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    msg?: string
    getChildMsg: (val: string) => void
  }>(),
  {
    msg: '',
    getChildMsg: ()=>{}
  },
)
const msg = ref('子组件的消息')

const sendMsg = () => {
  props.getChildMsg(msg.value)
}
</script>
<style scoped></style>
